<template>
  <div id="setting">
    <div v-for="item in settingItemsArr">
      <setting-item name="text" :item-src="item.path" :item-text="item.text"></setting-item>
    </div>
  </div>
</template>

<script>
  import SettingItem from "./SettingItem";

  export default {
    name: "setting",
    components: {
      SettingItem,
    },
    data() {
      return {
        settingItemsArr: [
          {path:require('assets/img/profile/setting/shezhi.png'),text:'设置'},
          {path:require('assets/img/profile/setting/yijianfankui.png'),text:'意见反馈'},
          {path:require('assets/img/profile/setting/guanyu.png'),text:'关于我们'},
          {path:require('assets/img/profile/setting/dingzhi.png'),text:'了解定制旅行'},
          {path:require('assets/img/profile/setting/bangzhu.png'),text:'帮助'},
          {path:require('assets/img/profile/setting/phone.png'),text:'联系我们'},
          {path:require('assets/img/profile/setting/pingjia.png'),text:'评价'}
        ]
      }
    },
    computed: {
      // newItemsArr(){
      //   for(let item in this.settingItemsArr){
      //     this.settingItemsArr[item].path = 'assets/img/setting/'+this.settingItemsArr[item].path+'.png'
      //   }
      // }
    },
    mounted() {
      // this.settingLoad();
    },
    methods: {
      // settingLoad(){
      //   this.$bus.$emit("componentLoad");
      // }
    }
  }
</script>

<style scoped>
  #setting {
    width: 94%;
    margin: 10px auto;
  }
</style>
